.c2c {
	.c2c_nav {
		display: flex;
		padding: 64rpx 0 26rpx;
		border-bottom: 10rpx solid #f8f9fb;
		view {
			flex: 1;
			color: #c5cfd5;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			&::after {
				content: '';
				position: absolute;
				right: 0;
				top: 0;
				width: 2rpx;
				height: 30rpx;
				background: #c5cfd5;
			}
			&:last-child::after {
				width: 0;
				height: 0;
			}
			&.active {
				color: #1f3f59;
			}
		}
	}
	.n_list {
		padding: 0 24rpx;
		.n_block {
			margin: 16upx 0;
			margin-bottom: 22rpx;
			padding: 20rpx 8rpx;
			border: 2rpx solid #f8f9fb;
			&:first-child {
				margin-top: 0;
			}
			.top {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 24rpx;
				.left {
					display: flex;
					align-items: center;
					.buy {
						width: 38rpx;
						height: 30rpx;
						background: $buy;
						border-radius: 6rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 24rpx;
						color: #fff;
						font-weight: bold;
					}
					.sell {
						background: $panSell;
					}
					.wz {
						margin: 0 32rpx 0 16rpx;
						text {
							font-weight: bold;
						}
						.small {
							font-size: 20rpx;
							color: #c5cfd5;
						}
					}
					.time {
						font-size: 24rpx;
						color: #c5cfd5;
					}
				}
				.right {
					color: #C5CFD5;
				}
			}
			.btm {
				display: flex;
				align-items: center;
				.left {
					width: 418rpx;
				}
				view {
					text-align: left;
				}
				.g_word {
					color: #C5CFD5;
					font-size:24rpx;
				}
				.g_words {
					color: #C5CFD5;
					font-size:24rpx;
					margin-left: 8rpx;
				}
				.one {
					display: block;
					margin-bottom: 18rpx;
				}
			}
		}
	}
	
}